<header class="header">
    <div class="header-top">
        <img src="/static/logo.jpg" alt="Flavor Some Recipes Logo" class="logo">
        <form id="searchForm" action="/search" method="GET" class="search-form">
            <input type="text" name="word" id="word" placeholder="Search recipes...">
            <button type="submit">
                <i class="fa fa-search"></i>
            </button>
        </form>
        <h4 class='title'>What is FlavorSomeRecipes Life? >>></h4>
    </div>
    <nav class="header-nav">
        <ul class="nav-list">
            <li><a href="https://flavorsomerecipes.com/" class="nav-link">Home</a><li>
            <li><a href="https://flavorsomerecipes.com/recipes/main_dishes/1" class="nav-link">Main Dishes</a></li>
            <li><a href="https://flavorsomerecipes.com/recipes/snacks/1" class="nav-link">Snacks</a></li>
            <li><a href="https://flavorsomerecipes.com/recipes/salad/1" class="nav-link">Salads</a></li>
            <li><a href="https://flavorsomerecipes.com/recipes/soup/1" class="nav-link">Soups</a></li>
            <li><a href="https://flavorsomerecipes.com/recipes/wheaten_food/1" class="nav-link">Wheaten Food</a></li>
            <li><a href="https://flavorsomerecipes.com/recipes/breakfast/1" class="nav-link">Breakfast</a></li>
            <li><a href="https://flavorsomerecipes.com/recipes/seafood/1" class="nav-link">Seafood</a></li>
            <li><a href="https://flavorsomerecipes.com/recipes/dessert/1" class="nav-link">Dessert</a></li>
            <li><a href="https://flavorsomerecipes.com/recipes/condiments/1" class="nav-link">Condiments</a></li>
            <li><a href="https://flavorsomerecipes.com/recipes/drinks/1" class="nav-link">Drinks</a></li>
            <li><a href="https://flavorsomerecipes.com/recipes/appetizers/1" class="nav-link">Appetizers</a></li>
            <li><a href="https://flavorsomerecipes.com/recipes/side_dishes/1" class="nav-link">Side Dishes</a></li>
        </ul>
    </nav>
</header>
